<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>


    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/logincss/css/animate.css}">


    <link rel="stylesheet" th:href="@{/logincss/css/icomoon.css}">

    <link rel="stylesheet" th:href="@{/logincss/css/themify-icons.css}">
    <!-- Bootstrap  -->
    <link rel="stylesheet" th:href="@{/logincss/css/bootstrap.css}">

    <!-- Magnific Popup -->

    <link rel="stylesheet"  th:href="@{/logincss/css/magnific-popup.css}">

    <!-- Owl Carousel  -->
    <link rel="stylesheet" th:href="@{/logincss/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/owl.theme.default.min.css}">

    <!-- Theme style  -->
    <link rel="stylesheet" th:href="@{/logincss/css/style.css}">

    <!-- Modernizr JS -->
    <script th:src="@{/logincss/js/modernizr-2.6.2.min.js}"></script>
    <!-- FOR IE9 below -->
    <script th:src="@{/logincss/js/respond.min.js}"></script>
    <style>
        a{
            text-decoration: none;
        }

    </style>

</head>
<body>

<div class="gtco-loader"></div>

<div id="page">


    <div class="page-inner">
        <nav class="gtco-nav" role="navigation">
            <div class="gtco-container">

                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <div id="gtco-logo"><a href="index.html">Splash <em>.</em></a></div>
                    </div>
                    <div class="col-xs-8 text-right menu-1">
                        <ul>
                            <li class="active"><a th:href="@{/User/toapply}">申请门牌</a></li>
                            <li><a href="features.html">申请补发门牌</a></li>
                            <li class="has-dropdown">
                                <a href="#">信息查看</a>
                                <ul class="dropdown">
                                    <li><a th:href="@{/News/list}">查看新闻</a></li>
                                    <li><a th:href="@{/Announce/show}">查看公告</a></li>
                                    <li><a th:href="@{/Policy/page}">查看政策</a></li>
                                </ul>
                            </li>
                            <li class="has-dropdown">
                                <a href="#">更换风格</a>
                                <ul class="dropdown">
                                    <li>蓝</li>
                                    <li>绿</li>
                                    <li>紫</li>

                                </ul>
                            </li>

                            <li class="btn-cta"><a th:href="@{/User/tozhuye}"><span>回到主页</span></a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </nav>

        <header id="gtco-header" class="gtco-cover gtco-cover-sm" role="banner" th:style="'background-image:url(' + @{/logincss/images/img_6.jpg} + ');'">
            <div class="overlay"></div>
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-12 col-md-offset-0 text-left">
                        <div class="row row-mt-15em">

                            <div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
                                <span class="intro-text-small">Don't be shy</span>
                                <h1>问题反馈</h1>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </header>


        <div class="gtco-section border-bottom">
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-6 animate-box">
                            <h3>Get In Touch</h3>
                            <form  action="/Question/add" method="post">
                                <div class="row form-group">
                                    <div class="col-md-12">
                                        <input type="hidden" th:value="${question.questionId}">
                                        <input type="text" th:value="${question.questionName}"  name="questionName" class="form-control" placeholder="主题">
                                    </div>

                                </div>



                                <div class="row form-group">
                                    <div class="col-md-12">

                                        <textarea name="content" th:value="${question.questionName}"  cols="30" rows="10" class="form-control" placeholder="问题描述"></textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <input type="submit" value="提交" class="btn btn-primary">
                                </div>

                            </form>
                        </div>
                        <div class="col-md-5 col-md-push-1 animate-box">

                            <div class="gtco-contact-info">
                                <h3>Contact Information</h3>
                                <ul>
                                    <li class="address">198 West 21th Street, <br> Suite 721 New York NY 10016</li>
                                    <li class="phone"><a href="tel://1234567920">+ 1235 2355 98</a></li>
                                    <li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
                                    <li class="url"><a href="http://"></a></li>
                                </ul>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>

        <footer id="gtco-footer" role="contentinfo">
            <div class="gtco-container">
                <div class="row row-p	b-md">

                    <div class="col-md-4">
                        <div class="gtco-widget">

                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore eos molestias quod sint ipsum possimus temporibus officia iste perspiciatis consectetur in fugiat repudiandae cum. Totam cupiditate nostrum ut neque ab?</p>
                        </div>
                    </div>

                    <div class="col-md-4 col-md-push-1">
                        <div class="gtco-widget">
                            <h3>Links</h3>
                            <ul class="gtco-footer-links">
                                <li><a href="#">Knowledge Base</a></li>
                                <li><a href="#">Career</a></li>
                                <li><a href="#">Press</a></li>
                                <li><a href="#">Terms of services</a></li>
                                <li><a href="#">Privacy Policy</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="gtco-widget">
                            <h3>Get In Touch</h3>
                            <ul class="gtco-quick-contact">
                                <li><a href="#"><i class="icon-phone"></i> +1 234 567 890</a></li>
                                <li><a href="#"><i class="icon-mail2"></i> info@</a></li>
                                <li><a href="#"><i class="icon-chat"></i> Live Chat</a></li>
                            </ul>
                        </div>
                    </div>

                </div>

                <div class="row copyright">
                    <div class="col-md-12">
                        <p class="pull-left">
                            <small class="block">Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></small>
                        </p>
                        <p class="pull-right">
                        <ul class="gtco-social-icons pull-right">
                            <li><a href="#"><i class="icon-twitter"></i></a></li>
                            <li><a href="#"><i class="icon-facebook"></i></a></li>
                            <li><a href="#"><i class="icon-linkedin"></i></a></li>
                            <li><a href="#"><i class="icon-dribbble"></i></a></li>
                        </ul>
                        </p>
                    </div>
                </div>

            </div>
        </footer>
    </div>

</div>

<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>

<!-- jQuery -->

<script th:src="@{/logincss/js/jquery.min.js}"></script>
<!-- jQuery Easing -->
<script th:src="@{/logincss/js/jquery.easing.1.3.js}"></script>
<!-- Bootstrap -->
<script th:src="@{/logincss/js/bootstrap.min.js}"></script>
<!-- Waypoints -->
<script th:src="@{/logincss/js/jquery.waypoints.min.js}"></script>
<!-- Carousel -->
<script th:src="@{/logincss/js/owl.carousel.min.js}"></script>
<!-- countTo -->
<script th:src="@{/logincss/js/jquery.countTo.js}"></script>
<!-- Magnific Popup -->
<script th:src="@{/logincss/js/jquery.magnific-popup.min.js}"></script>
<script th:src="@{/logincss/js/magnific-popup-options.js}"></script>
<!-- Main -->
<script th:src="@{/logincss/js/main.js}"></script>
</body>
</html>

